<!DOCTYPE html>
<html>
   <head>
      <title>L.C. Test</title>
      <style type="text/css">
         form {
          border: 2px solid blue;
          width: 30%;
         }
      </style>
   </head>
   <body>
      <form action="javascript:alert('Got it!');" method="post" id="testForm">
         *: required data<br/>
         <table>
            <tr>
               <td>Name(*):</td>
               <td><input type="text" id="name" name="name" class="required"/></td>
            </tr>
            <tr>
               <td>E-mail(*):</td>
               <td><input type="text" id="email" name="email" class="required email"/></td>
            </tr>
            <tr>
               <td>Phone(*):</td>
               <td><input type="text" id="phone" name="phone" class="required digits"/></td>
            </tr>
            <tr>
               <td></td>
               <td><input type="submit" value="Submit" id="submit"/></td>
            </tr>
         </table>
      </form>
      
      <script src="jquery.js"></script>
      <script src="jquery.validate.js"></script>
      <script type="text/javascript">
         $(document).ready(function(){
        	 $("#testForm").validate();
         });
      </script>
   </body>
</html>